<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="checkbox" class="box_1" value="ssdsdsd1" />
<input type="checkbox" class="box_1" value="ssdsdsd2" />
<input type="hidden" value="232" />
<button onclick="addElement()">添加</button>
<div id="div_1"></div>
</body>
<script src="../../js/jquery-3.4.1.js"></script>
<script>
    let checkbox = $('.box_1');
    let addDiv = $('#div_1');

    let arr2 = new Array(1, 1, 1, 2, 3);
    $(() => {
        checkboxInit();
        console.log(arr2);
        recursiveDelete(arr2, 1);
        console.log(arr2);

    });

    function checkboxInit() {
        checkbox.on("change", function () {
            console.log($(this).prop('checked'), $(this).val());
        })
    }

    function addElement() {
        addDiv.append(
            `
            <li class="scenes-item">
                <input type="checkbox" id="112" />
                <em class="checkbox-icon"></em>
                <label for="111">23123</label>
            </li>
            `
        );
    }

    function recursiveDelete(arr, value) {
        let searchIndex = arr.indexOf(value);
        console.log("->", arr);
        if(searchIndex !== -1) {
            arr.splice(searchIndex, 1);
            recursiveDelete(arr, value);
        }
        console.log("<-", arr);
    }

</script>
</html>